IT255 WEB TECHNOLOGIES
Course Coordinator: - Prof. Jalpesh Vasa
| Title of the unit | Minimum number of hours | |
|---|---|---|
| 1 |
HTML |
06 |
| 2 | CSS | 06 |
| 3 |
JavaScrip |
10 |
| 4 | Cutting edge Frameworks for Web Development | 08 |
| Unit No. | Topics | Teaching Hours |
|---|---|---|
| 1 |
HTML HTML Styles, Links, Images, Tables, Lists, Forms, Frames, iframes, HTML semantic elements References: https://itwebtutorials.mga.edu/html/chp2/document-structure.aspx https://www.w3schools.com/html/html_intro.asp https://www.htmlquick.com/tutorials/document-structure.html http://stanford.edu/group/csp/cs03/week1/text15.html https://developer.mozilla.org/en-US/docs/Learn/HTML/Tables/Basics https://www.freecodecamp.org/news/html-tables-table-tutorial-with-css-example-code/ https://faculty.etsu.edu/tarnoff/ntes1710/tables/tables.htm https://www.educative.io/edpresso/what-is-an-html-table https://html.com/tables/ https://www.freecodecamp.org/news/semantic-html5-elements/ http://www-db.deis.unibo.it/courses/TW/DOCS/w3schools/html/html5_semantic_elements.asp.html https://www.semrush.com/blog/semantic-html5-guide/ https://www.w3docs.com/learn-html/semantic-elements-in-html5.html |
06 |
| 2 | CSS CSS Introduction, CSS Syntax, CSS Id & Class, CSS Box Model, CSS Border, CSS Outline, CSS Margin, CSS Padding, CSS Styling (Backgrounds, Text, Fonts, Links, Lists, Tables), Pseudo-class, Pseudo-element, Navigation Bar, Image Gallery, Image Opacity, Image Sprites, Media Types, Attribute Selectors, CSS Text Effects, CSS 2D/3D Transformations, Transitions, CSS Animations, CSS Flex References: https://blog.testproject.io/2021/05/06/css-selectors-cheat-sheet/ https://www.lambdatest.com/blog/css-selectors-cheat-sheet/ https://www.tabnine.com/blog/css-selectors-cheat-sheet-for-developers/ https://blog.logrocket.com/css-margin-vs-padding/ https://www.w3schools.com/css/css_padding.asp https://www.w3schools.com/css/css_margin.asp https://www.w3.org/TR/CSS2/box.html https://www.internetingishard.com/ https://www.tutorialrepublic.com/css-tutorial/css-box-model.php https://drive.google.com/file/d/1HNUXJPP2le6deLz7rtABLMQND-wqPdoo/view?usp=drive_web&authuser=0 https://www.tutorialrepublic.com/css-tutorial/css3-media-queries.php |
06 |
| 3 |
JavaScrip Types of Data in JavaScript: Numerical Data, Text Data, Boolean Data, And Variables: Creating Variables and Giving Them Values, Assigning Variables with the Value of Other Variables. Data Type Conversion: Dealing with Strings That Won’t Convert Decisions, Loops, and Functions: if…else, for loop for...in Loop, switch…case, while Loop, do...while loop, break and continue Statements, Creating function with and without arguments, HTML Form and Validation: Button Elements, Text Elements, The textarea Element, Check Boxes and Radio Buttons, Selection Boxes, validation, JavaScript object: String, Array, Regular Expression References: https://www.javatpoint.com/javascript-events https://www.coderepublics.com/JavaScript/JavaScript-form-events.php https://api.jquery.com/category/events/form-events/ https://www.educba.com/javascript-form-events/ https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation https://www.tutorialspoint.com/javascript/javascript_form_validations.htm https://dev.to/javascriptacademy/form-validation-using-javascript-34je https://www.edureka.co/blog/javascript-validation/ https://www.geeksforgeeks.org/how-to-redirect-to-another-webpage-using-javascript/ https://stackoverflow.com/questions/4744751/how-do-i-redirect-with-javascript\ https://www.tutorialspoint.com/javascript/javascript_page_redirect.htm |
10 |
| 4 | Cutting edge framework for Web Development JQuery, AJAX – front-end development, BootStrap – CSS framework References: https://www.geeksforgeeks.org/different-ways-to-include-jquery-in-a-webpage/ https://www.tutorialspoint.com/jquery/index.htm https://jqueryui.com/ https://www.w3schools.com/jquery/jquery_get_started.asp |
08 |